<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7]>
<html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8]>
<html class="no-js ie8" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>DC系统</title>
    <meta name="description" content="A jQuery library for modern HTML presentations">
    <meta name="author" content="Caleb Troughton">
    <meta name="viewport" content="width=1024, user-scalable=no">
    <!-- Core and extension CSS files -->
    <link rel="stylesheet" href="core/deck.core.css">
    <link rel="stylesheet" href="extensions/goto/deck.goto.css">
    <link rel="stylesheet" href="extensions/menu/deck.menu.css">
    <link rel="stylesheet" href="extensions/navigation/deck.navigation.css">
    <link rel="stylesheet" href="extensions/status/deck.status.css">
    <link rel="stylesheet" href="extensions/hash/deck.hash.css">
    <link rel="stylesheet" href="extensions/scale/deck.scale.css">
    <!-- Style theme. More available in /themes/style/ or create your own. -->
    <link rel="stylesheet" href="themes/style/neon.css">
    <!-- Transition theme. More available in /themes/transition/ or create your own. -->
    <link rel="stylesheet" href="themes/transition/horizontal-slide.css">
    <link rel="stylesheet" href="themes/style/ppt.css">
    <script src="js/modernizr.custom.js"></script>
</head>
<body class="deck-container">
<!-- Begin slides -->
<section class="slide" id="pretitle">
    <h1>开胃菜你大爷</h1>
    <h3>V仔</h3>
</section>

<section class="slide" id="ppt">
    <h2>演讲的时候,大家如何控制ppt?</h2>
    <ul>
        <li class="slide">
            <table>
               <tr>
                   <td><img src="bootstrap/pptimages/2/mouse.png" width="200px" height="150px"/></td>
                   <td> <img src="bootstrap/pptimages/2/keyboard.png" width="200px" height="150px"/></td>
                   <td><img src="bootstrap/pptimages/2/android.jpg" width="200px" height="150px"/></td>
                   <td><img src="bootstrap/pptimages/2/apple.jpg" width="200px" height="150px"/></td>
               </tr>
            </table>
        </li>
        <li class="slide">
            <table>
                <tr>
                    <td><img src="bootstrap/pptimages/2/mobile_control.png" width="400px" height="300px" /></td>
                    <td><img src="bootstrap/pptimages/2/volume.png" width="400px" height="300px" /></td>
                </tr>
            </table>
        </li>
    </ul>
</section>
<section class="slide" id="infrated">
     <h1>大家如何控制家电?<p class="slide"> 恭喜您,可惜没奖品!!</p></h1>
</section>
<section class="slide" id="title">
    <h1>DC</h1>
    <h3>V仔</h3>
</section>
<section class="slide" id="pv">
   <h2>我们Anjuke的PV是多少?</h2>
    <!--<p>
        <img src="bootstrap/pptimages/2/anjukepv.png"/>
   </p>-->
    <ul>
        <li class="slide">
           13年8月份以前,1300W
        </li>
        <li class="slide">
            13年8月份以后,平均1500W,高峰期能够达到1750W
        </li>
    </ul>
</section>
<section class="slide" id="server">
   <h2>我们Anjuke的服务器有多少?</h2>
    <ul>
        <li class="slide">
            30台应用服务器,10台Job服务器
        </li>
        <li class="slide">
            30台DB服务器
        </li>
    </ul>
</section>
<section class="slide" id="speed">
    <h2>Anjuke的平均页面响应速度是多少?</h2>
    <p>
        平均200MS,这是什么概念?就和打开百度首页一样了
    </p>
    <ul>
        <li class="slide">
            我们测试网速一般怎么测试?
        </li>
        <li class="slide">
            使用百度,但是以后我们可以使用anjuke<img src="bootstrap/pptimages/2/deyi2.gif"/>
        </li>
    </ul>
</section>
<section class="slide" id="beforesummary">
    <h2>说明了什么?</h2>
    <ul>
        <li class="slide">
            PV快速增长
        </li>
        <li class="slide">
            服务器基本没变化
        </li>
        <li class="slide">
            响应速度和百度首页一样
        </li>
        <li class="slide">
            200人左右的开发团队
        </li>
    </ul>
    <p class="slide">
       说明了我们的这些开发是多么的牛X,大家说是不是?我们是不是应该给我们自己掌声(掌声响起来)
    </p>
</section>
<section class="slide" id="presummary">
<h2>但是...?</h2>
<p> 但是也暴露了我们很多问题?
    我们取得的成就,都是我们用后面的较大的时间成本换来的
</p>
    <ul>
        <li class="slide">
           数据库不稳定,经常出现数据问题,修复数据,性能优化
        </li>
        <li class="slide">
            用户交互体现不够流畅,速度优化
        </li>
     </ul>
</section>
<section class="slide" id="dcman">
    <h2>那我们应该怎么办?</h2>
    <p class="slide">
        <img src="bootstrap/pptimages/2/dcman.png"/>
    </p>
</section>
<section class="slide" id="dcbefore">
    <h2>DC的前世今生</h2>
    <p>
        <img src="bootstrap/pptimages/2/dbquery.png" width="550px"/>
    </p>
</section>
<section class="slide" id="dcstart">
    <h2>DC孕育而生</h2>
    <ul>
        <li class="slide">
            DC系统就是为了降低我们优化花费的时间成本
        </li>
        <li class="slide">
            展示了各个业务部门各自的Query,Slow,以及机器Query分布和各事业部的查询Top
        </li>
        <li class="slide">
            直观明了的知道如何优化
            <p style="position: relative;">
                <img src="bootstrap/pptimages/2/success.png" style="position: absolute;left:0px;width: 500px;"/>
            </p>
        </li>
    </ul>
</section>
<section class="slide" id="dcquery">
    <h2>DC Query</h2>
    <p>
        <img src="bootstrap/pptimages/2/dcquery.png"/>
    </p>
</section>
<section class="slide" id="dcslow">
    <h2>DC Slow</h2>
    <p>
        <img src="bootstrap/pptimages/2/dcslow.png"/>
    </p>
</section>
<section class="slide" id="preover">
    <h1>掌声响起来!!!<img width="300px" height="300px" src="bootstrap/pptimages/1/geili.gif"/></h1>
</section>
<section class="slide" id="over">
    <h1>
        The End<br/>
        <p>
            <img src="bootstrap/img/follow.jpeg"/>
        </p>
    </h1>

</section>
<!-- deck.navigation snippet -->
<a href="#" class="deck-prev-link" title="Previous" style="display: none;">&#8592;</a>
<a href="#" class="deck-next-link" title="Next" style="display: none;">&#8594;</a>
<!-- deck.status snippet -->
<p class="deck-status">
    <span class="deck-status-current"></span>
    /
    <span class="deck-status-total"></span>
</p>
<!-- deck.goto snippet -->
<form action="." method="get" class="goto-form">
    <label for="goto-slide">Go to slide:</label>
    <input type="text" name="slidenum" id="goto-slide" list="goto-datalist">
    <datalist id="goto-datalist"></datalist>
    <input type="submit" value="Go">
</form>

<!-- deck.hash snippet -->
<a href="." title="Permalink to this slide" class="deck-permalink">#</a>


<!-- Grab CDN jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="js/jquery-1.7.2.min.js"></script>

<!-- Deck Core and extensions -->
<script src="core/deck.core.js"></script>
<script src="extensions/hash/deck.hash.js"></script>
<script src="extensions/menu/deck.menu.js"></script>
<script src="extensions/goto/deck.goto.js"></script>
<script src="extensions/status/deck.status.js"></script>
<script src="extensions/navigation/deck.navigation.js"></script>
<script src="extensions/scale/deck.scale.js"></script>
<script src="js/websocket.js"></script>
<!-- Initialize the deck -->
<script>
    $(function () {
        $.deck('.slide');
    });
</script>

</body>
</html>
